<!doctype html>
<html>

<head>
    <meta http-equiv="Content-Security-Policy"
        content="default-src 'none'; connect-src {{csp-source}}; script-src 'unsafe-inline' 'unsafe-eval' data: {{csp-source}}; style-src 'unsafe-inline' data: {{csp-source}}; img-src data: {{csp-source}}; font-src 'unsafe-inline' data: {{csp-source}}">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
</head>
<body>
    <div>
        <div id="hero" class="{{hero-classes}}">
            <div class="logo">
                <a href="https://calva.readthedocs.io/">
                   <img class="logo" src="{{logo-symbol}}" alt="Calva" title="Calva User Documentation">
                </a>
            </div>
            <div class="powered">
                <div class="type clj">
                    <img class="clj-logo" src="{{clj-logo}}" alt="Clojure" title="Clojure">
                    <div class="type-card">
                        <img class="clj-type-logo" src="{{clj-type-logo}}" alt="{{clj-type}}" title="{{clj-type}}">
                    </div>
                </div>
                <div class="type cljs">
                    <img class="cljs-logo" src="{{cljs-logo}}" alt="ClojureScript" title="ClojureScript">
                    <div class="type-card {{hero-classes}}">
                        <img class="cljs-type-logo" src="{{cljs-type-logo}}" alt="{{cljs-type}}" title="{{cljs-type}}">
                    </div>
                </div>
            </div>
        </div>
        <p class="hint">The REPL prompt is a multiline, Paredit powered, Clojure editor. Some useful shortcuts are:
            <ul class="commands">
                <li class="left"><span class="code">Alt+Up/Down</span></li><li class="right">Navigate the history</li>
                <li class="left"><span class="code">Alt+Enter</span></li><li class="right">Submit the current line</li>
                <li class="left"><span class="code">Ctrl+Z</span></li><li class="right">Undo an editor step</li>
                <li class="left"><span class="code">Ctrl+Shift+Z</span></li><li class="right">Redo an editor step</li>
                <li class="left"><span class="code">Ctrl+D</span></li><li class="right">Interrupt a running evaluation</li>
                <li class="left"><span class="code">Ctrl+L</span></li><li class="right">Clear the REPL window</li>
            </ul>
        </p>
        <p class="hint">Make it a habit to start any Calva session by loading a file. 
           Use <span class="code">Ctrl+Alt+C Enter</span> in the code editor to load (evaluate) the active file. 
           Many things do not work before that is done.  
        </p>
        <p class="hint">See also the <a href="https://calva.readthedocs.io/">Calva User Documentation</a>.</p>
    </div>
    <div id="repl" class="repl">
    </div>
    <script src="{{script}}"></script>
</body>

</html>